<template>
    <div class="prd-detail">
        <div class="banner">
            <van-swipe :autoplay="3000">
                <van-swipe-item v-for="(image, index) in images" class="text-center" :key="index">
                    <div class="img-div">
                        <img v-lazy="image" />
                    </div>   
                </van-swipe-item>
            </van-swipe>
        </div>
        <div class="prd-main">
            <div class="prd-title">
                美乐棵 通用型水溶肥6支/袋 家庭园艺种植肥料 适用于办公室阳台桌面盆栽水溶粉末肥
            </div>
            <div class="prd-price ">
                <div class="nh-price">￥<span>43</span></div>
                <div class="jd-price">京东价：<span>￥50</span></div>
            </div>
        </div>
    </div>
</template>

<script>

export default {
    name:'prdDetail',
    data(){
        return {
            images: [
                'https://img.yzcdn.cn/2.jpg',
                'http://img13.360buyimg.com/n1/jfs/t2230/38/2019372422/390492/3eeed27f/569ddfb4Ncc98ea19.jpg'
            ]          
        }
    },
    methods:{
      
    },
    mounted(){
        document.title="详情"
    },
    components:{
     
    }
}
</script>


<style scoped lang="scss">
.prd-detail{
    .banner{

        .van-swipe{
            height:8rem;
            .img-div{
                width:100%;
                height:100%;
                display:flex;
                justify-items:center;
                img{
                    max-height:100%;
                    max-width:100%;
                    margin:0 auto;
                }
            }

        }
    }
    .prd-main{
        border-top:.013333rem solid #ececec;
        border-bottom:.013333rem solid #ececec;
        background:#fff;
        padding:.133333rem .266667rem;
        .prd-title{
            color:#666;
            background:#fff;
            padding:.133333rem 0;
        }
        .prd-price{
            .jd-price,.nh-price{
                display:inline-block;
            }
            .nh-price{
                 color:#e4393c;
                span{
                    font-size:.48rem;
                    font-weight:bold;
                   
                }
            }
            .jd-price{
                font-size:.32rem;
                color:#666;
                margin-left:.4rem;
                span{
                    text-decoration:line-through;
                }
            }
        }
    }
}

</style>
